<template>
  <div class="home">
    <h1>home {{ username }}</h1>
    <!-- <ul>
      <li v-for="(item, index) in list" :key="index">{{ item.name }}</li>
    </ul> -->
    <Add />
    <HelloWorld />
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import Add from "../components/Add.vue";

export default {
  name: "HomeView",
  components: {
    HelloWorld,
    Add,
  },
  computed: {
    username() {
      return this.$store.state.username;
    },
  },
};
</script>
